<template>
  <div class="about">
    <blg-heand></blg-heand>
    <div class="content">
      <el-row>
         <el-col :span="6">
          <my-card></my-card></el-col>
        <el-col :span="18">
         
          <hr>
          
          <v-md-preview :text='text'></v-md-preview>
        </el-col>
      </el-row>
     
    </div>
    <blg-footer></blg-footer>
  </div>
</template>

<script>
import heander from '../components/header.vue'
import footer from '../components/footer.vue'
import mycard from '../components/mycard.vue'
export default {
    components: {
   'blg-heand': heander,
   'blg-footer': footer,
   'my-card': mycard
  },
    data() {
        return {
            src:['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
            '../../static/imgs/p02.jpg',
            '../../static/imgs/p03.jpg',
            '../../static/imgs/p04.jpg'],
            srcList: [
          'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
          'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
            ],
            text:'# aaaaaaa'
        }
    }
}
</script>

<style>
.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>